@charset "utf-8";html{overflow-x:hidden}
body{color:#333;font:14px "Microsoft Yahei"}
body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,span,ul{margin:0;padding:0;list-style:none}
a{color:#333;text-decoration:none}
a:focus{outline:0}
img{border:none}
.vam{vertical-align:middle}
.clear{clear:both;height:0;line-height:0;font-size:0}
p{word-spacing:0}
em,i{font-style:normal}
.tr{text-align:right}
.tl{text-align:left}
.center{text-align:center}
.fl{float:left;}
.fr{float:right;}
.pa{position:absolute}
.pr{position:relative}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden}
.clearfix{zoom:1}
.content{width:1400px;margin:0 auto}
 @media screen and  (max-width:1440px){
     .content{width:1200px;margin:0 auto}    
        }

.pic{width:100%;overflow: hidden;}
.pic img{-o-transition:all 0.6s linear 0s;transition:all 0.6s linear 0s}
.pic:hover img{-webkit-transform:scale(1.08) rotate(0) translateY(0);-ms-transform:scale(1.08) rotate(0) translateY(0);transform:scale(1.08) rotate(0) translateY(0)}

.white,.whites{position:relative;overflow: hidden;}
.white:after,.whites:after{content:'';cursor:pointer;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform:skewx(-25deg)}
.white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}
.whites:hover:after{left:100%;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s}
body{min-width:1200px;width:100%;max-width:1920px;margin:0 auto;overflow-x:hidden}
em,i{font-style:normal}

input::-webkit-input-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input::-moz-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input:-moz-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input:-ms-input-placeholder{color:#999;font-size:14px;text-transform:capitalize}
@keyframes myfirst{0%{background-position:0 bottom}
100%{background-position:100% bottom}
}
.line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clear{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}






.tit1{font-weight: normal;text-align: center;font-size: 0;}
.tit1 span{display: block;font-size: 48px;color: #fff;line-height: 48px;position: relative;font-weight: bold;}
.tit1 i{display: block;font-size: 18px;color: #fff;line-height: 22px;margin-top: 15px;position: relative;}
.tit1 i:after{width: 40px;height: 2px;position: absolute;left:50%;background: rgba(255,255,255,.6);top: 50px;content: "";margin-left: -20px;}

.tit2{font-weight: normal;text-align: center;font-size: 0;}
.tit2 span{display: block;font-size: 48px;color: #333;line-height: 48px;position: relative;font-weight: bold;}
.tit2 i{display: block;font-size: 22px;color: #333;line-height: 22px;margin-top: 15px;position: relative;}
.tit2 i:after{width: 40px;height: 2px;position: absolute;left:50%;background: #bfbfbf;top: 50px;content: "";margin-left: -20px;}

.banner{height:auto;max-width:1920px;margin:0 auto!important;position:relative;margin-top:-34px}
.banner .bd li{float:left;width:100%;line-height:0}
.banner .bd li img{width:100%}
.banner .bd li a{display:block}
.banner .hd{position:absolute;bottom:50px;width:100%;height:16px;cursor:pointer;text-align:center;z-index:9;font-size:0}
.banner .hd li{display:inline-block;width:16px;height:16px;background:#fff;margin:0 10px;opacity:1;-o-transition:all .5s ease;transition:all .5s ease;border-radius: 8px;}
.banner .hd li.on{background:#1f459a;}
.banner p{position: absolute;font-size: 0;top: 50%;z-index: 9; width: 36px; height: 70px; margin-top: -35px;border: 0; outline: none;cursor: pointer;transition:.5s;}
.banner .prev {left: 3%; background:url(../images/prev1.png) no-repeat center center;opacity: 0;}
.banner .next {right: 3%;background:url(../images/next1.png) no-repeat center center;opacity: 0;}   
.banner:hover .prev { left: 5%; opacity: 1; }
.banner:hover .next { right: 5%; opacity: 1; }

.yz{height: 840px;padding-top: 90px;box-sizing: border-box;background: url(../images/yz_bgs.jpg) no-repeat center bottom;}
.content02{width: 1400px;margin: 0 auto;}
.yz_con h2{display: block;margin: 0 auto;font-size: 44px;text-align: center;}
.yz_con h2 i{display: block;font-size: 24px;color: #333333;line-height: 24px;font-weight: normal;text-align: center;margin-top: 10px;}
.yz_con .desc{display: block;font-size: 16px;color: #666666;line-height: 28px;font-weight: normal;text-align: center;margin-top: 25px;}
.yz_con .desc a{ color: #d80000;}
.yz_bd{margin: 20px auto 0;position: relative;width:1400px;}
.yz_t{width: 1400px;height: 300px;margin: 0 auto;padding-top: 18px;box-sizing: border-box;position: absolute;top:0px;}
.yz_t img,.yz_t iframe,.yz_t video{display: block;width: 1400px;height: 284px;margin: 0 auto;}
.yz li{float:left;text-align: center;margin-bottom: 80px;margin-right: 800px;width: 200px;}
.yz li:nth-child(2n){margin-right: 0;}
.yz li:nth-child(3),.yz li:nth-child(4){margin-bottom: 40px;}


.yz li img{display: block;width: 80px;height: 80px;margin: 0 auto 20px; }
.yz li em{display:block;font-size:56px;font-family:Arial;font-weight: bold;}
.yz li b{display:inline-block;font-size:56px;font-family:Arial;font-weight:700;color:#333333;line-height:1;letter-spacing: -2px;}
.yz li sup{display:inline-block;font-size:20px;color:#333333;line-height:100%;vertical-align:2px;margin-left:6px;}
.yz li span{display:block;font-size:18px;color:#666666;line-height:100%;text-align:center;margin-top:3px;}

.yz_s{ display: block;width: 488px;margin: 10px auto 0;}
.yz_s a{width: 226px;height: 56px;line-height: 56px;border-radius: 50px;background: #1f459a;display:block;font-size: 20px;color: #fff;float: left;position:relative;}
.yz_s a>img{ display: inline-block;width: 46px;height: 46px;padding-left: 5px;padding-right: 14px;vertical-align: -15px;}
.yz_s a:last-child{ background: #d80000;float: right;}
.yz_s a .ewm{ display: none;width: 120px;height: 120px;position: absolute;left:60px;top:70px; }
.yz_s a .ewm img{ display: block;width:120px;height:120px; }
.yz_s a:hover .ewm{ display:block;}

.pro{position:relative;background:url(../images/pro_bg.jpg) no-repeat center;padding: 140px 0 0;height: 1438px;box-sizing: border-box;}
.pro_t{margin:108px 0px 0;position: relative;}
.pro_t li{background: #fff;float: left;width: 20%;height: 208px;}
.pro_t li>a{position: relative;height: 40px;font-size: 24px;text-align: center;line-height: 40px;border-right: 1px solid #e5e5e5;box-sizing: border-box;color: #333;background: #fff;display: block;margin: 39px 0; font-weight:600;}
.pro_t li:last-child>a{border: 0;}
.pro_t li.cur{border-top: 10px solid #d80000;margin-top: -10px;}
.pro_t li.cur>a{ color: #d80000;font-weight: bold;}
.pro_t li p{display: none;}
.pro_t li.cur p{display: block;position: absolute;left: 0;top:128px;padding: 0 45px;height: 80px;border-bottom: 1px solid #e6e6e6;background: #fff;width: 100%;box-sizing: border-box;box-shadow: 0 1px 14px 7px rgba(0,0,0,0.08);}
.pro_t li.cur p a{display: block;font-size: 20px;line-height: 80px;color: #333333;float: left;margin-right: 75px;padding-left: 22px;background: url(../images/pro_ic.png) no-repeat left 36px;}
.pro_t li em{ display: block;font-size: 0.6rem; color: #bebebe;font-weight: normal; letter-spacing:0.5px;}

.pro_con{padding: 45px 45px;background: #fff;}

.pro_con dt{display: block;width: 677px;height:677px;float: left;position: relative; }
.pro_con dt img{ display: block;width: 677px;height:677px;}
.pro_con dt em{position: absolute;left:50px;top:50px;font-size: 24px;font-weight: bold;line-height: 24px;display: block;color: #fff;}
.pro_con dt em i{ font-size: 16px;font-weight: normal;line-height: 26px;display: table;border-bottom: 1px solid #fff;margin-top: 10px;color: #fff;}
.pro_con dd{float: right;width: 575px;padding-top: 28px;}
.pro_con dd h4 a{font-size: 36px;color: #333333;font-weight: bold; line-height: 36px;display: block;position: relative;}
.pro_con dd h4 em{ font-size: 30px;font-weight: bold;display: block;color: #d6d6d6;font-family: Arial; padding-top:10px;}
/*.pro_con dd h4 a:after{width: 300px;height: 2px;position: absolute;left:218px;background:#eaeaea;top: 18px;content: "";}*/
.pro_con dd .desc{font-size: 16px;color: #666;line-height: 28px;display: block;margin-top: 22px;height: 160px;}
.pro_con dd .desc p{font-size: 16px;color: #666;line-height: 28px; }
.pro_con dd .more{display: block;width: 186px;height: 50px;line-height: 50px;border-radius: 25px;background: #d80000;text-align: center;font-size: 16px;color: #fff;}


.pro_con dd .pro_s{position: relative;margin-top: 50px;}
.pro_con dd .pro_s li{float: left;width: 254px;height: 306px;border: 1px solid #e5e5e5;margin-right: 25px;background: #fff;padding-top: 10px;}
.pro_con dd .pro_s li img{ display: block;width: 240px;height: 240px;margin: 0 auto;}
.pro_con dd .pro_s li span{ display: block;font-size: 16px;color: #333333;line-height: 20px;text-align: center; padding-top:10px;}
.sprev{width:40px;height:40px;position: absolute;top:0px;right:0px;z-index:50;}
.snext{width:40px;height:40px;position: absolute;top:40px;right:0px;z-index:50;}
.sprev img,.snext img{ display:block;width:40px;height:40px;}

@media screen and (max-width: 1440px) {
    .pro{position:relative;background:url(../images/pro_bg.jpg) no-repeat center;padding: 120px 0 0;height: 1338px;box-sizing: border-box;}
    .pro_con dt{display: block;width: 580px;height:580px;float: left;position: relative; }
    .pro_con dt img{ display: block;width: 580px;height:580px;}
    .pro_con dd{float: right;width: 493px;padding-top: 15px;}
    .pro_con dd h4 a:after{width: 200px;height: 2px;position: absolute;left:218px;background:#eaeaea;top: 18px;content: "";}
    .pro_con dd .pro_s{position: relative;margin-top: 20px;}
    .pro_con dd .pro_s li{float: left;width: 212px;height: 256px;border: 1px solid #e5e5e5;margin-right: 25px;background: #fff;}
    .pro_con dd .pro_s li img{ display: block;width: 150px;height: 200px;margin: 0 auto;}
    .pro_con dd .pro_s li span{ display: block;font-size: 16px;color: #333333;line-height: 46px;text-align: center;}
}
/**/
.casess{padding: 0px 0 0;overflow-x: hidden;position: relative;z-index: 1;}
.casess_con{ margin-top: 22px; }
.casess_con ul{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;}
.casess_con li{width:19.2%;margin-right: 1%;margin-bottom: 1%;}
.casess_con li:nth-child(5n){margin-right: 0;  }
.casess_con li i{ display: block;width: 100%;overflow: hidden; }
.casess_con li i img{ display: block;width: 100%; }
.casess_con li span{ display: block;height: 60px;line-height: 60px;padding: 0 18px;box-sizing: border-box; background: #f4f4f4;font-size: 18px;font-weight: normal;color: #333;}
.casess_con li span em{ display: block;font-size: 14px;color: #999999;float: right; }
.casess_con li:hover span{ color:#cc0000;}
.casess  .more{ display: block;width: 180px;height: 46px;border-radius: 25px;line-height: 46px;text-align: center;font-size: 18px;margin: 20px auto 0;background:#cc0000;color:#fff;transition:all 0.5s;}
.casess  .more:hover{ transform:translateY(-5px);background:#094594;color:#fff;}
/**/
.content24{ width: 1600px;margin: 0 auto;position: relative;}

.case{padding: 120px 0 0;background: #f5f5f5;}
.case_con{margin-top: 69px!important;}
.case_con dl{float: left;width: 673px;margin-right:55px ;    transition: all .3s ease 0s;}
.case_con  dt{ display: block; width:673px;height:378px;position: relative;}
.case_con  dt img{ display: block;width:673px;height:378px;}
.case_con  dt i img{display: block;width: 120px;height: 120px;position: absolute;right:42px;top:320px;z-index: 50;}
.case_con  dd{box-sizing: border-box;position: relative;border-bottom: 2px solid #d9d9d9; }
.case_con  dd h4 a{ display:block;font-size: 22px;color: #333333;line-height: 22px;font-weight: bold;padding-top: 42px; }
.case_con  dd p{ display: block;font-size: 16px;line-height: 24px;color: #666666;padding-top: 20px; }
.case_con  dd .more{display: block;width: 38px;height: 38px;background: url(../images/case_jt.png) no-repeat center;margin: 40px 0;}
.case_con dl:hover .more{background: url(../images/case_jth.png) no-repeat center;}
.case_con dl:hover dd{ border-color: #1f459a;}
/**/

.td{position:relative;background:url(../images/td_bg.jpg) no-repeat center;padding: 120px 0 0;height: 943px;box-sizing: border-box;}
.td_con{margin-top: 70px;}
.td_con dl{float: left;width: 330px;padding: 12px;box-sizing: border-box;background: #fff;box-sizing: border-box;margin-right: 26px;}
.td_con dl:last-child{margin-right: 0;}
.td_con dt{ display: block;width: 306px;height: 280px;position: relative;}
.td_con dt>img{display: block;width: 306px;height: 280px;}
.td_con dt i>img{display: block;width: 133px;height: 47px;position:absolute;right: 0;top:0;}
.td_con dd{padding: 0 15px;}
.td_con dd h4{margin-top: -36px;}
.td_con dd h4 em{display: block; width: 56px;height: 56px;border-radius: 60px;background-color: #1f459a;border: 9px solid #fff;margin: 0 auto;position: relative;z-index: 50;}
.td_con dd h4 em img{ display: block; width: 56px;height: 56px;}
.td_con dd h4 span{display: block;font-size: 20px;line-height: 24px;font-weight: 400;text-align: center;padding-top: 20px;color: #333;}
.td_con dd  p{display: block;font-size: 16px;line-height: 28px;text-align: center;padding-top: 20px;color: #333333;padding-bottom: 30px;}
.td_con dl:hover em{background: #d80000;}
.td_con dl:hover h4 em{animation-duration:2s;animation-name:flipInY;}

@media screen and (max-width: 1440px) {
    .td_con{margin-top: 80px;}
    .td_con dl{float: left;width: 285px;padding: 10px;box-sizing: border-box;background: #fff;box-sizing: border-box;margin-right: 20px;}
    .td_con dt{ display: block;width: 265px;height: 265px;position: relative;}
    .td_con dt>img{display: block;width: 265px;height: 265px;}
}


.so{position:relative;background:url(../images/so_bg.jpg) no-repeat center;padding: 120px 0 0;height: 800px;box-sizing: border-box;}
.so ul{margin-top: 72px;}
.so ul li{float: left;margin: 0 32px;}
.so ul li em{display: block; width: 127px;height: 127px;background:url(../images/so_dd.png) no-repeat center;margin: 0 auto;position: relative;z-index: 50;overflow: hidden;}
.so ul li em img{ display: block; width: 127px;height: 127px;}
.so ul li.cur em{ background:url(../images/so_ddh.png) no-repeat center;}
.so ul li.cur em img:nth-child(1){margin-top: -127px;}
.so ul li:hover em{animation-duration:2s;animation-name:flipInY;}
.so ul li span{display: block;font-size: 22px;color: #333333;line-height: 22px;position: relative;text-align: center;padding-top: 32px;}
.so ul li i{display: block;font-size: 12px;color: #666666;line-height: 12px;margin-top: 10px;position: relative;text-align: center;text-transform: uppercase;}
.so ul li i:after{width: 28px;height: 2px;position: absolute;left:50%;background: #dcdcdc;top: 45px;content: "";margin-left: -14px;}
.so_tel{margin-top: 92px;font-size: 30px;color: #333;text-align: center;font-weight: bold;}
.so_tel img{display: inline-block;width: 33px;height: 24px;margin-right: 10px;}
.so .more{width: 400px;height: 60px;line-height: 60px;border-radius: 50px;background: #d80000;display:block;font-size: 22px;color: #fff;position:relative;font-weight: bold;margin: 20px auto 0;text-align: center;transition:all 0.3s;}
.so .more:hover{ transform:translateY(-5px);}
.so .more img{ display: inline-block;width: 29px;height: 35px;padding-right: 10px;vertical-align: -9px;}
.so .more span{display: inline-block;}

@media screen and (max-width: 1440px) {
    .so ul li{margin: 0 18px;}
}



  

.ys{padding: 120px 0 0;background: #f5f5f5;}
.content25{width: 70rem;margin: 0 auto;}
.ys_con{position: relative;margin-top: 74px;}
.ys_t{position: absolute;right: 0;top: 0;z-index: 70;}
.ys_t li{float: left;padding: 0 1.5rem;border-right: 1px solid #cccccc;box-sizing: border-box;}
.ys_t li:last-child{ padding-right: 0;border-right: 0;}
.ys_t li em{display: block; width: 2.5rem;height: 2.5rem;margin: 0 auto;position: relative;z-index: 50;overflow: hidden;}
.ys_t li em img{ display: block; width: 2.5rem;height:  2.5rem;transition:all 0.5s;}
.ys_t li.cur em img:nth-child(1){margin-top: -2.5rem;}
.ys_t li span{display: block;font-size: 1.3rem;color: #333333;line-height: 1.3rem;position: relative;text-align: center;padding-top: 1rem;font-weight: bold;}
.ys_t li i{display: block;font-size: 0.9rem;color: #333;line-height: 0.9rem;margin-top: 0.5rem;position: relative;text-align: center;text-transform: uppercase;}
.ys_t li.cur span,.ys_t li.cur i{ color: #1f459a;}
.ys_bd{position: relative;height: 40.8rem;}
.ys_s dt{width: 55.2rem;margin-right: -13rem;height:32.7rem ;float: right;margin-top: 8.1rem;margin-left: -7.3rem;position: relative;z-index: 20;}
.ys_s dt img{display: block;width: 100%;}
.ys_s dd{width:47.9rem ;height: 40.8rem;float: left;margin-left: -13rem;background: url(../images/ys_dd.jpg) no-repeat center;padding-left: 13rem;box-sizing: border-box;padding-top: 8rem;}
.ys_s h3{display: block;font-size: 3.6rem;color: #fff;line-height: 3.6rem;position: relative;}
.ys_s h4 span{display: block;font-size: 2.4rem;color: #fff;line-height: 2.4rem;position: relative;padding-top: 3.2rem;}
.ys_s h4 i{display: block;font-size: 1.6rem;color: #fff;line-height: 1.6rem;margin-top: 0.5rem;position: relative;text-transform: uppercase;font-weight: normal;}
.ys_s p{display: block;font-size: 0.8rem;color: #fff;line-height: 1.4rem;margin-top: 2.8rem;position: relative;text-transform: uppercase;height: 11rem;width: 23rem;}
.ys_s .zx{width: 8.5rem;height: 2.4rem;line-height: 2.4rem;border-radius: 1.2rem;background: #d80000;display:block;font-size: 1rem;color: #fff;position:relative;font-weight: normal;text-align: center;transition:all 0.5s;}  
.ys_s .zx:hover{ transform:translateY(-5px);}
.ys_bd .qh{position: absolute;font-size: 0;bottom:0px;right:-13rem;z-index: 60; width: 22.2rem;border: 0; outline: none;cursor: pointer;transition:.5s;height: 4.3rem;background: #1f459a;}
.ys_bd .pageState { z-index: 1;cursor: pointer;color: #7e8dbc;font-size: 1.1rem;line-height: 1.1rem;float: left;padding-left: 4.4rem;padding-top: 1.4rem;padding-right: 4.5rem;}
.ys_bd .pageState span:nth-child(1){ font-size: 2.1rem;color: #fff; }
.ys_bd .zprev{padding-top: 1.6rem;width: 1.6rem;height: 1.1rem;margin-right: 2.6rem;display: block;float: left;}
.ys_bd .znext{padding-top: 1.6rem;width: 1.6rem;height: 1.1rem;display: block;float: left;}
.ys_bd .zprev img,.ys_bd .znext img{width: 1.6rem;height: 1.1rem;display: block;}
.ys_bd .qh:after{width: 0.1rem;height: 1rem;position: absolute;left:14.1rem;background: #637db8;top: 1.6rem;content: "";}


.news{padding: 6rem 0;}
.news h3{height: 3.8rem;border-top: 1px solid #dcdcdc;box-sizing: border-box;}
.news h3 em{ display: block;float: right;width: 1.05rem;height: 0.6rem;margin-top:1.6rem;overflow: hidden; }
.news h3 em img{ display: block;width: 1.05rem;height: 0.6rem;transition: all 0.5s;}
.news h3 em:hover img:nth-child(1){margin-top: -0.6rem;}
.news h3 span a{ display: block;font-size:1.2rem;color: #333;line-height: 3.7rem;text-transform: uppercase; font-weight: bold;float: left;margin-right: 1.8rem;}
.news h3 span.cur a{color: #1c4499;}
.news_con{ margin-top: 3rem;overflow: hidden;}
.news_l{ float: left;width:55.88% ;}
.news_l dl{width: 48.3%;float: left;transition: all 0.5s;position: relative;  }
.news_l dl:hover { position: relative; z-index: 5; box-shadow: 0 3px 3.5rem 0 rgba(118, 113, 150, 0.15);}
.news_l dl:after { content: ''; width: 0; height: 3px; position: absolute; bottom: 0; left: 50%; background: #cc0000; transition: all .5s;}
.news_l dl:hover:after { left: 0; width: 100%;}
.news_l dl:nth-child(2n){ float: right;}
.news_l dt{ position: relative;display: block;width: 100%;}
.news_l dt img{ display: block;width:100%;;}
.news_l dt em{display: block;width: 3.5rem;height: 3.5rem;text-align: center;font-size: 0.7rem;color: #fff;position: absolute;right: 0.3rem;top:0.0rem;background: #1c4499;}
.news_l dt em b{display: block;text-align: center;font-size: 1.4rem;color: #fff;line-height: 1.5rem;padding-top: 0.6rem;}
.news_l dd{padding: 1.3rem 0.9rem 0;box-sizing: border-box;height: 10rem;}
.news_l dd h4 a{ display: block;font-size:1rem ;color: #333333;line-height: 1.1rem;font-weight: normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all 0.5s;}
.news_l dd p{ display: block;font-size:0.8rem ;color: #666666;line-height: 1.5rem;padding-top: 0.7rem;}
.news_t{ padding: 1rem 0;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc; }
.news_t li a{ height: 2.2rem;line-height: 2.2rem;padding-left: 1rem;position: relative;display: block;font-size: 0.9rem;color: #333;background: url(../images/news_ic.png) no-repeat left center;background-size: 0.3rem 0.3rem;transition:all 0.5s;}
.news_t li a em{ float: right;font-size: 0.8rem;color: #999999;line-height: 2.2rem;}
.news_r{ float: right;width: 38.125%;background: #f5f5f5;padding: 0 2.2rem;box-sizing: border-box;}
.news_r h3{border-top: 0;}
.news_r h3 span a{color: #333333;}
.news_r dl{border-top: 1px solid #dcdcdc;box-sizing: border-box;height: 11rem;}
.news_r dl:last-child{margin-bottom: 0;padding-bottom: 40px;}
.news_r dd{ padding-top: 2rem;}
.news_r dd h4 a{ display: inline-block;font-size:1rem ;color: #333333;line-height: 1.5rem;font-weight: normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform: uppercase;transition:all 0.5s;}
.news_r dd h4 img{display: inline-block;width: 1.5rem;height: 1.5rem;margin-right: 0.5rem;vertical-align: -0.4rem;}
.news_r dd i{ display: block;margin-top: 0.4rem;font-size:0.8rem ;color: #999999;line-height: 0.8rem;}
.news_r dd p{  display: block;font-size:0.8rem ;color: #666666;line-height: 1.5rem;margin-top: 1rem;}
.news_t li a:hover,.news_r dd h4 a:hover,.news_l dd h4 a:hover{ color:#1c4499;}

.abt{ background: url(../images/gg.jpg) no-repeat center;padding-top: 80px; box-sizing: border-box;height: 464px;}
.abt h3 img{ display: block;width: 1184px;height: 123px;margin: 0 auto;}
.abt h3 span{width: 686px;height: 60px;line-height: 60px;border-radius: 50px;background: #d80000;display:block;font-size: 24px;color: #fff;position:relative;font-weight: normal;margin: 28px auto 0;text-align: center;}   

          @-webkit-keyframes fadeInDown1 {
            from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
            to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
        }
        @keyframes fadeInDown1 {
            from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
            to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
        }
        .fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
        @-webkit-keyframes fadeInDown2 {
            from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
            to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
        }
        @keyframes fadeInDown2 {
            from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
            to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
        }
        .fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
        @-webkit-keyframes fadeInLeft1 {
            from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
            to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
        }
        @keyframes fadeInLeft1 {
            from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
            to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
        }
        .fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
        @-webkit-keyframes fadeInLeft2 {
            from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
            to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
        }
        @keyframes fadeInLeft2 {
            from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
            to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
        }
        .fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
        @-webkit-keyframes fadeInRight1 {
            from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
            to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
        }
        @keyframes fadeInRight1 {
            from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
            to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
        }
        .fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
        @-webkit-keyframes fadeInRight2 {
            from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
            to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
        }
        @keyframes fadeInRight2 {
            from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
            to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
        }
        .fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
        @-webkit-keyframes zoomLeft {
            from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
            50% { opacity: 1 }
        }
        @keyframes zoomLeft {
            from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
            50% { opacity: 1 }
        }
        .zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
        .zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
        @-webkit-keyframes fadeInUp1 {
            from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
            to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
        }
        @keyframes fadeInUp1 {
            from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
            to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
        }
        .fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
        @-webkit-keyframes fadeInUp2 {
            from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
            to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
        }
        @keyframes fadeInUp2 {
            from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
            to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
        }
        .fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }